<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
		<script type="text/javascript">
			$(function() {
				$.messager.progress();	// 显示进度条  
				$('#ff').form('submit', {  	
				   url: "../../test.action",  	
				   onSubmit: function(){  		
				        var isValid = $(this).form('validate');  		
				        if (!isValid){  			
				            $.messager.progress('close');	//隐藏进度条虽然形式是无效的 		
				        }  		
				        return isValid;	// 返回false,将阻止表单提交 	
				   },  	
				   success: function(){  		
				        $.messager.progress('close');	// 隐藏进度条同时提交成功	
				   }  
				});  
			})
		</script>
	</head>

	<body class="easyui-layout">

		<form method="post"> 

			<div> 
			
			<label for="name">Name:</label> 
			
			<input class="easyui-validatebox" type="text" name="name" data-options="required:true" /> 
			
			</div> 
			
			<div> 
			
			<label for="email">Email:</label> 
			
			<input class="easyui-validatebox" type="text" name="email" data-options="required:true" /> 
			
			</div> 
			<div style="margin-top: 20px;"> 
	        <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" style="margin-left: 10px;" onclick="EditsubmitForm()">确定</a> 
	        <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" style="margin-left: 60px;" onclick="EditclearForm()">取消</a> 
	      </div> 
			
			
			</form>

	</body>

</html>